<template>
  <el-form label-width="100px" :model="formLabelAlign" style="max-width: 460px">
    <el-form-item label="图片">
      <el-upload ref="upload" :limit="1" :auto-upload="false">
        <template #trigger>
          <el-button type="primary">选择图片</el-button>
          
        </template>
      </el-upload>
    </el-form-item>
    <el-form-item label="图片描述">
      <el-input v-model="formLabelAlign.region" />
    </el-form-item>
    <el-form-item label="跳转链接">
      <el-input v-model="formLabelAlign.link" />
    </el-form-item>
    <el-form-item>
      <el-button @click="postbannerlist">提交轮播图</el-button>
    </el-form-item>
  </el-form>
  <!-- 凡是要输入的框并且前面有字的框，应该都用表单来做。，凡是要输入的框，并且是前面有字的框，都应该用表格来做 -->
</template>
<script setup>
import { reactive, ref } from "vue";
const formLabelAlign = reactive({
  nameimg: "",
  region: "",
  link: "",
});
const postbannerlist = function () {
  console.log(99999999);
};
</script>
